/*公共*/
* { margin: 0; padding: 0; font-family: "微软雅黑",system-ui, serif; font-size: 14px; }
body { font-family: system-ui, serif; }
img { border-style: none }
li { list-style: none; float: left }
a { text-decoration: none }

/*主体*/
.main { display: grid; grid-template-columns: minmax(150px, 5%) 1fr; padding: 0; margin: 0; }

/*侧边栏*/
.main .sidebar { height: 100vh; background: #191818; text-align: left; color: #fff; overflow: hidden; overflow-y: auto; }
.main .sidebar ul { width: 100%; }
.main .sidebar ul li { width: 100%; height: 40px; line-height: 40px; padding-left: 10px; color: #999; }
.main .sidebar ul li:hover { background: #333333; /*font-size: 15px; font-weight: 700; color: #fff;*/ cursor: pointer; }
.main .sidebar .selectd { background: #1F8DD6; /*font-size: 15px; font-weight: 600;*/ color: #fff; }

/*右侧主体*/
.main .right { display: grid; height: 100vh; grid-template-rows: 40px 1fr auto; color: #fff; }

/*右侧 顶部*/
.main .right .header { display: grid; grid-template-columns: 1fr minmax(240px,300px); border-bottom: 1px solid #ccc; }
.main .right .header .header_left { margin-left: 20px; margin-top: 10px; }
.main .right .header .header_left a { margin-right: 16px; text-decoration: underline; color: blue; font-weight: bold; }
.main .right .header .header_right { margin-left: 20px; margin-top: 10px; }


/*右侧下部主体内容*/
.main .right .right_main { /*background-image: url(/themes/images/bg1.png);*/ padding-left: 0px; overflow: hidden; overflow-y: auto; }


.jj-list { display: grid; width: 100%; float: left; padding-bottom: 10px; padding-top: 10px; z-index: 1; grid-template-columns: 120px 1fr auto; border-bottom: 1px dashed #CCC; background: #F8F8F8; }
.jj-list-tit { /*font-size: 14px;*/ line-height: 40px; /*color: #B7B7B7;*/ color: #009933; font-weight: bold; padding-left: 15px; z-index: 1 }
.jj-list-con { overflow: hidden; z-index: 1; }

.jj-list-con li { width: 220px; margin: 0px 0px; font-size: 15px; }
.jj-list-con li { position: relative; height: 35px; }
.jj-list-con li:hover .i_r_remove { display: block; }

.link-3 { display: block; /*background: #FFF;*/ font-size: 15px; color: #333; /*font-size: 14px;*/ border: 0px solid #FFFFFF; text-align: left; line-height: 40px; height: 40px; /*border-radius: 3px;*/ transition: all .2s; z-index: 1; }
.link-3:hover { /*background: #4D90FE;*/ /*font-size: 14px;*/ /*border: 0px solid #6B7184; color: #fff;*/ color: #cc3300; }

/*滚动条*/
*::-webkit-scrollbar { /*滚动条整体样式*/ width: 0px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; }
*::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #CCC; }
*::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 5px; background: #000; }


/*百度搜索框*/
form { display: inline; }
.input1 { color: #333; border: 1px solid #005344; height: 50px; width: 60%; max-width: 650px; padding-left: 10px; font-size: 25px; border-radius: 10px; border-color: #C4C7CE; }
.input1:focus { border: 1px solid #2468a2; outline: none; padding-left: 10px; }
